<template>
  <div class="user">
    <PageContent  
      :tableConfig="tableConfig"
      tableName="roles" 
      @createClick="handleCreateClick"
      @editeClick="handleEditeClick"
      />

    <PageDialog
      ref="pageDialogRef"
      tableName="roles" 
      :dialogConfig="dialogConfig"
      :editeData="editeData"
    />
  </div>
</template>

<script setup lang="ts">
import PageContent from '@/components/page-content/PageContent.vue';
import PageDialog from '@/components/page-dialog/PageDialog.vue';

import { tableConfig } from './config/table-config'
import { dialogConfig } from './config/dialog-config';

import useDialog from '../../../hooks/useDialog';


const [pageDialogRef, editeData,handleCreateClick,handleEditeClick] = useDialog()


</script>

<style scoped>

</style>